Make It Direct

Part One

1. Write a description of each pattern chosen by your team.
2. Explain when and why you would use this pattern.
3. List two of the best practices for implementing the pattern

Part Two

1. Set up a browser window with a web page where the technique you have been assigned is presented;
2. Arrange the window to be 800 x 600 pixels or smaller;
3. Set up to record the screen area with Screen-Cast O-Matic;
4. Arrange the screen-capture tool area to only capture your example;
5. Start the recording and demonstrate how the pattern works on the website as you record your screen capture;
6. Stop the recording. Save the video as an .flv file
7. Label the .flv video with its pattern name and upload it to your team's project page
8. Adjust the sizing of the video so it's similar in size to the original recording.
9. Include the name of the pattern and your information from part 1 along with the video.

Alternative
If you can't find examples for Part Two above, you may create a simulation of the functionality using Flash animation, or creating your own example.

In-page Editing
Single-Field Inline Edit - Team 1
Multi-Field Inline Edit - Team 2
Overlay Edit - Team 5
Table Edit - Team 3
Group Edit - Team 5
Module Configuration - Team 4

Drag and Drop
Drag and Drop Module - Team 4
Drag and Drop List - Team 5
Drag and Drop Object - Team 2
Drag and Drop Action - Team 1
Drag and Drop Collection - Team 3

Direct Selection
Toggle Selection - Team 3
Collected Selection - Team 2
Object Selection - Team 4
Hybrid Selection - Team 1